.tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: relative
}

.tab:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(7, 17, 27, .1);
    content: " "
}

.tab .tab-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.tab .tab-item > a {
    display: block;
    font-size: 14px;
    color: #4d555d
}

.tab .tab-item > a.active {
    color: #f01414
}

.header {
    position: relative;
    overflow: hidden;
    color: #fff;
    background: rgba(7, 17, 27, .5)
}

.header .content-wrapper {
    position: relative;
    padding: 24px 12px 18px 24px;
    font-size: 0
}

.header .content-wrapper .avatar {
    display: inline-block;
    vertical-align: top
}

.header .content-wrapper .avatar img {
    border-radius: 2px
}

.header .content-wrapper .content {
    display: inline-block;
    margin-left: 16px
}

.header .content-wrapper .content .title {
    margin: 2px 0 8px
}

.header .content-wrapper .content .title .brand {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 18px;
    background-image: url();
    background-size: 30px 18px;
    background-repeat: no-repeat
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .header .content-wrapper .content .title .brand {
        background-image: url()
    }
}

.header .content-wrapper .content .title .name {
    margin-left: 6px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700
}

.header .content-wrapper .content .description {
    margin-bottom: 10px;
    line-height: 12px;
    font-size: 12px
}

.header .content-wrapper .content .support .icon {
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    background-size: 12px 12px;
    background-repeat: no-repeat
}

.header .content-wrapper .content .support .icon.decrease {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .header .content-wrapper .content .support .icon.decrease {
        background-image: url()
    }
}

.header .content-wrapper .content .support .icon.discount {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .header .content-wrapper .content .support .icon.discount {
        background-image: url()
    }
}

.header .content-wrapper .content .support .icon.guarantee {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .header .content-wrapper .content .support .icon.guarantee {
        background-image: url()
    }
}

.header .content-wrapper .content .support .icon.invoice {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .header .content-wrapper .content .support .icon.invoice {
        background-image: url()
    }
}

.header .content-wrapper .content .support .icon.special {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .header .content-wrapper .content .support .icon.special {
        background-image: url()
    }
}

.header .content-wrapper .content .support .text {
    line-height: 12px;
    font-size: 10px
}

.header .content-wrapper .support-count {
    position: absolute;
    right: 12px;
    bottom: 14px;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    border-radius: 14px;
    background: rgba(0, 0, 0, .2);
    text-align: center
}

.header .content-wrapper .support-count .count {
    vertical-align: top;
    font-size: 10px
}

.header .content-wrapper .support-count .icon-keyboard_arrow_right {
    margin-left: 2px;
    line-height: 24px;
    font-size: 10px
}

.header .bulletin-wrapper {
    position: relative;
    height: 28px;
    line-height: 28px;
    padding: 0 22px 0 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: rgba(7, 17, 27, .2)
}

.header .bulletin-wrapper .bulletin-title {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
    width: 22px;
    height: 12px;
    background-image: url();
    background-size: 22px 12px;
    background-repeat: no-repeat
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .header .bulletin-wrapper .bulletin-title {
        background-image: url()
    }
}

.header .bulletin-wrapper .bulletin-text {
    vertical-align: top;
    margin: 0 4px;
    font-size: 10px
}

.header .bulletin-wrapper .icon-keyboard_arrow_right {
    position: absolute;
    font-size: 10px;
    right: 12px;
    top: 8px
}

.header .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.header .detail {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 1;
    background: rgba(7, 17, 27, .8)
}

.header .detail.fade-enter-active, .header .detail.fade-leave-active {
    transition: all .5s
}

.header .detail.fade-enter, .header .detail.fade-leave-active {
    opacity: 0;
    background: rgba(7, 17, 27, 0)
}

.header .detail .detail-wrapper {
    width: 100%;
    min-height: 100%
}

.header .detail .detail-wrapper .detail-main {
    margin-top: 64px;
    padding-bottom: 64px
}

.header .detail .detail-wrapper .detail-main .name {
    line-height: 16px;
    text-align: center;
    font-size: 16px;
    font-weight: 700
}

.header .detail .detail-wrapper .detail-main .star-wrapper {
    margin-top: 18px;
    padding: 2px 0;
    text-align: center
}

.header .detail .detail-wrapper .detail-main .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    margin: 28px auto 24px
}

.header .detail .detail-wrapper .detail-main .title .line {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    top: -6px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.header .detail .detail-wrapper .detail-main .title .text {
    padding: 0 12px;
    font-weight: 700;
    font-size: 14px
}

.header .detail .detail-wrapper .detail-main .supports {
    width: 80%;
    margin: 0 auto
}

.header .detail .detail-wrapper .detail-main .supports .support-item {
    padding: 0 12px;
    margin-bottom: 12px;
    font-size: 0
}

.header .detail .detail-wrapper .detail-main .supports .support-item:last-child {
    margin-bottom: 0
}

.header .detail .detail-wrapper .detail-main .supports .support-item .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin-right: 6px;
    background-size: 16px 16px;
    background-repeat: no-repeat
}

.header .detail .detail-wrapper .detail-main .supports .support-item .icon.decrease {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .header .detail .detail-wrapper .detail-main .supports .support-item .icon.decrease {
        background-image: url()
    }
}

.header .detail .detail-wrapper .detail-main .supports .support-item .icon.discount {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .header .detail .detail-wrapper .detail-main .supports .support-item .icon.discount {
        background-image: url()
    }
}

.header .detail .detail-wrapper .detail-main .supports .support-item .icon.guarantee {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .header .detail .detail-wrapper .detail-main .supports .support-item .icon.guarantee {
        background-image: url()
    }
}

.header .detail .detail-wrapper .detail-main .supports .support-item .icon.invoice {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .header .detail .detail-wrapper .detail-main .supports .support-item .icon.invoice {
        background-image: url()
    }
}

.header .detail .detail-wrapper .detail-main .supports .support-item .icon.special {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .header .detail .detail-wrapper .detail-main .supports .support-item .icon.special {
        background-image: url()
    }
}

.header .detail .detail-wrapper .detail-main .supports .support-item .text {
    line-height: 16px;
    font-size: 12px
}

.header .detail .detail-wrapper .detail-main .bulletin {
    width: 80%;
    margin: 0 auto
}

.header .detail .detail-wrapper .detail-main .bulletin .content {
    padding: 0 12px;
    line-height: 24px;
    font-size: 12px
}

.header .detail .detail-close {
    position: relative;
    width: 32px;
    height: 32px;
    margin: -64px auto 0;
    clear: both;
    font-size: 32px
}

.star {
    font-size: 0
}

.star .star-item {
    display: inline-block;
    background-repeat: no-repeat
}

.star.star-48 .star-item {
    width: 20px;
    height: 20px;
    margin-right: 22px;
    background-size: 20px 20px
}

.star.star-48 .star-item:last-child {
    margin-right: 0
}

.star.star-48 .star-item.on {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .star.star-48 .star-item.on {
        background-image: url()
    }
}

.star.star-48 .star-item.half {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .star.star-48 .star-item.half {
        background-image: url()
    }
}

.star.star-48 .star-item.off {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .star.star-48 .star-item.off {
        background-image: url()
    }
}

.star.star-36 .star-item {
    width: 15px;
    height: 15px;
    margin-right: 6px;
    background-size: 15px 15px
}

.star.star-36 .star-item:last-child {
    margin-right: 0
}

.star.star-36 .star-item.on {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .star.star-36 .star-item.on {
        background-image: url()
    }
}

.star.star-36 .star-item.half {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .star.star-36 .star-item.half {
        background-image: url()
    }
}

.star.star-36 .star-item.off {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .star.star-36 .star-item.off {
        background-image: url()
    }
}

.star.star-24 .star-item {
    width: 10px;
    height: 10px;
    margin-right: 3px;
    background-size: 10px 10px
}

.star.star-24 .star-item:last-child {
    margin-right: 0
}

.star.star-24 .star-item.on {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .star.star-24 .star-item.on {
        background-image: url()
    }
}

.star.star-24 .star-item.half {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .star.star-24 .star-item.half {
        background-image: url()
    }
}

.star.star-24 .star-item.off {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .star.star-24 .star-item.off {
        background-image: url()
    }
}

.goods {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 174px;
    bottom: 46px;
    width: 100%;
    overflow: hidden
}

.goods .menu-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    width: 80px;
    background: #f3f5f7
}

.goods .menu-wrapper .menu-item {
    display: table;
    height: 54px;
    width: 56px;
    padding: 0 12px;
    line-height: 14px
}

.goods .menu-wrapper .menu-item.current {
    position: relative;
    z-index: 10;
    margin-top: -1px;
    background: #fff;
    font-weight: 700
}

.goods .menu-wrapper .menu-item.current .text:after {
    display: none
}

.goods .menu-wrapper .menu-item .icon {
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px;
    margin-right: 2px;
    background-size: 12px 12px;
    background-repeat: no-repeat
}

.goods .menu-wrapper .menu-item .icon.decrease {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .goods .menu-wrapper .menu-item .icon.decrease {
        background-image: url()
    }
}

.goods .menu-wrapper .menu-item .icon.discount {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .goods .menu-wrapper .menu-item .icon.discount {
        background-image: url()
    }
}

.goods .menu-wrapper .menu-item .icon.guarantee {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .goods .menu-wrapper .menu-item .icon.guarantee {
        background-image: url()
    }
}

.goods .menu-wrapper .menu-item .icon.invoice {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .goods .menu-wrapper .menu-item .icon.invoice {
        background-image: url()
    }
}

.goods .menu-wrapper .menu-item .icon.special {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .goods .menu-wrapper .menu-item .icon.special {
        background-image: url()
    }
}

.goods .menu-wrapper .menu-item .text {
    display: table-cell;
    width: 56px;
    vertical-align: middle;
    position: relative;
    font-size: 12px
}

.goods .menu-wrapper .menu-item .text:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(7, 17, 27, .1);
    content: " "
}

.goods .foods-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.goods .foods-wrapper .title {
    padding-left: 14px;
    height: 26px;
    line-height: 26px;
    border-left: 2px solid #d9dde1;
    font-size: 12px;
    color: #93999f;
    background: #f3f5f7
}

.goods .foods-wrapper .food-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 18px;
    padding-bottom: 18px;
    position: relative
}

.goods .foods-wrapper .food-item:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(7, 17, 27, .1);
    content: " "
}

.goods .foods-wrapper .food-item:last-child {
    margin-bottom: 0
}

.goods .foods-wrapper .food-item:last-child:after {
    display: none
}

.goods .foods-wrapper .food-item .icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 57px;
    flex: 0 0 57px;
    margin-right: 10px
}

.goods .foods-wrapper .food-item .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.goods .foods-wrapper .food-item .content .name {
    margin: 2px 0 8px;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: #07111b
}

.goods .foods-wrapper .food-item .content .desc, .goods .foods-wrapper .food-item .content .extra {
    line-height: 10px;
    font-size: 10px;
    color: #93999f
}

.goods .foods-wrapper .food-item .content .desc {
    line-height: 12px;
    margin-bottom: 8px
}

.goods .foods-wrapper .food-item .content .extra .count {
    margin-right: 12px
}

.goods .foods-wrapper .food-item .content .price {
    font-weight: 700;
    line-height: 24px
}

.goods .foods-wrapper .food-item .content .price .now {
    margin-right: 8px;
    font-size: 14px;
    color: #f01414
}

.goods .foods-wrapper .food-item .content .price .old {
    text-decoration: line-through;
    font-size: 10px;
    color: #93999f
}

.goods .foods-wrapper .food-item .content .cartcontrol-wrapper {
    position: absolute;
    right: 0;
    bottom: 12px
}

.shopcart {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 50;
    width: 100%;
    height: 48px
}

.shopcart .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #141d27;
    font-size: 0;
    color: hsla(0, 0%, 100%, .4)
}

.shopcart .content .content-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.shopcart .content .content-left .logo-wrapper {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -10px;
    margin: 0 12px;
    padding: 6px;
    width: 56px;
    height: 56px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #141d27
}

.shopcart .content .content-left .logo-wrapper .logo {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center;
    background: #2b343c
}

.shopcart .content .content-left .logo-wrapper .logo.highlight {
    background: #00a0dc
}

.shopcart .content .content-left .logo-wrapper .logo .icon-shopping_cart {
    line-height: 44px;
    font-size: 24px;
    color: #80858a
}

.shopcart .content .content-left .logo-wrapper .logo .icon-shopping_cart.highlight {
    color: #fff
}

.shopcart .content .content-left .logo-wrapper .num {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 16px;
    font-size: 9px;
    font-weight: 700;
    color: #fff;
    background: #f01414;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4)
}

.shopcart .content .content-left .price {
    display: inline-block;
    vertical-align: top;
    margin-top: 12px;
    line-height: 24px;
    padding-right: 12px;
    box-sizing: border-box;
    border-right: 1px solid hsla(0, 0%, 100%, .1);
    font-size: 16px;
    font-weight: 700
}

.shopcart .content .content-left .price.highlight {
    color: #fff
}

.shopcart .content .content-left .desc {
    display: inline-block;
    vertical-align: top;
    margin: 12px 0 0 12px;
    line-height: 24px;
    font-size: 10px
}

.shopcart .content .content-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 105px;
    flex: 0 0 105px;
    width: 105px
}

.shopcart .content .content-right .pay {
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 12px;
    font-weight: 700
}

.shopcart .content .content-right .pay.not-enough {
    background: #2b333b
}

.shopcart .content .content-right .pay.enough {
    background: #00b43c;
    color: #fff
}

.shopcart .ball-container .ball {
    position: fixed;
    left: 32px;
    bottom: 22px;
    z-index: 200;
    transition: all .4s cubic-bezier(.49, -.29, .75, .41)
}

.shopcart .ball-container .ball .inner {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #00a0dc;
    transition: all .4s linear
}

.shopcart .shopcart-list {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.shopcart .shopcart-list.fold-enter-active, .shopcart .shopcart-list.fold-leave-active {
    transition: all .5s
}

.shopcart .shopcart-list.fold-enter, .shopcart .shopcart-list.fold-leave-active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.shopcart .shopcart-list .list-header {
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
    background: #f3f5f7;
    border-bottom: 1px solid rgba(7, 17, 27, .1)
}

.shopcart .shopcart-list .list-header .title {
    float: left;
    font-size: 14px;
    color: #07111b
}

.shopcart .shopcart-list .list-header .empty {
    float: right;
    font-size: 12px;
    color: #00a0dc
}

.shopcart .shopcart-list .list-content {
    padding: 0 18px;
    max-height: 217px;
    overflow: hidden;
    background: #fff
}

.shopcart .shopcart-list .list-content .food {
    padding: 12px 0;
    box-sizing: border-box;
    position: relative
}

.shopcart .shopcart-list .list-content .food:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(7, 17, 27, .1);
    content: " "
}

.shopcart .shopcart-list .list-content .food .name {
    line-height: 24px;
    font-size: 14px;
    color: #07111b
}

.shopcart .shopcart-list .list-content .food .price {
    position: absolute;
    right: 90px;
    bottom: 12px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 700;
    color: #f01414
}

.shopcart .shopcart-list .list-content .food .cartcontrol-wrapper {
    position: absolute;
    right: 0;
    bottom: 6px
}

.list-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 40;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 1;
    background: rgba(7, 17, 27, .6)
}

.list-mask.fade-enter-active, .list-mask.fade-leave-active {
    transition: all .5s
}

.list-mask.fade-enter, .list-mask.fade-leave-active {
    opacity: 0;
    background: rgba(7, 17, 27, 0)
}

.cartcontrol {
    font-size: 0
}

.cartcontrol .cart-decrease {
    display: inline-block;
    padding: 6px;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.cartcontrol .cart-decrease .inner {
    display: inline-block;
    line-height: 24px;
    font-size: 24px;
    color: #00a0dc;
    transition: all .4s linear;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.cartcontrol .cart-decrease.move-enter-active, .cartcontrol .cart-decrease.move-leave-active {
    transition: all .4s linear
}

.cartcontrol .cart-decrease.move-enter, .cartcontrol .cart-decrease.move-leave-active {
    opacity: 0;
    -webkit-transform: translate3d(24px, 0, 0);
    transform: translate3d(24px, 0, 0)
}

.cartcontrol .cart-decrease.move-enter .inner, .cartcontrol .cart-decrease.move-leave-active .inner {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cartcontrol .cart-count {
    display: inline-block;
    vertical-align: top;
    width: 12px;
    padding-top: 6px;
    line-height: 24px;
    text-align: center;
    font-size: 10px;
    color: #93999f
}

.cartcontrol .cart-add {
    display: inline-block;
    padding: 6px;
    line-height: 24px;
    font-size: 24px;
    color: #00a0dc
}

.food {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 48px;
    z-index: 30;
    width: 100%;
    background: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.food.move-enter-active, .food.move-leave-active {
    transition: all .2s linear
}

.food.move-enter, .food.move-leave-active {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.food .image-header {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%
}

.food .image-header img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.food .image-header .back {
    position: absolute;
    top: 10px;
    left: 0
}

.food .image-header .back .icon-arrow_lift {
    display: block;
    padding: 10px;
    font-size: 20px;
    color: #fff
}

.food .content {
    position: relative;
    padding: 18px
}

.food .content .title {
    line-height: 14px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #07111b
}

.food .content .detail {
    margin-bottom: 18px;
    line-height: 10px;
    height: 10px;
    font-size: 0
}

.food .content .detail .rating, .food .content .detail .sell-count {
    font-size: 10px;
    color: #93999f
}

.food .content .detail .sell-count {
    margin-right: 12px
}

.food .content .price {
    font-weight: 700;
    line-height: 24px
}

.food .content .price .now {
    margin-right: 8px;
    font-size: 14px;
    color: #f01414
}

.food .content .price .old {
    text-decoration: line-through;
    font-size: 10px;
    color: #93999f
}

.food .content .cartcontrol-wrapper {
    position: absolute;
    right: 12px;
    bottom: 12px
}

.food .content .buy {
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 10;
    height: 24px;
    line-height: 24px;
    padding: 0 12px;
    box-sizing: border-box;
    border-radius: 12px;
    font-size: 10px;
    color: #fff;
    background: #00a0dc;
    opacity: 1
}

.food .content .buy.fade-enter-active, .food .content .buy.fade-leave-active {
    transition: all .2s
}

.food .content .buy.fade-enter, .food .content .buy.fade-leave-active {
    opacity: 0;
    z-index: -1
}

.food .info {
    padding: 18px
}

.food .info .title {
    line-height: 14px;
    margin-bottom: 6px;
    font-size: 14px;
    color: #07111b
}

.food .info .text {
    line-height: 24px;
    padding: 0 8px;
    font-size: 12px;
    color: #4d555d
}

.food .rating {
    padding-top: 18px
}

.food .rating .title {
    line-height: 14px;
    margin-left: 18px;
    font-size: 14px;
    color: #07111b
}

.food .rating .rating-wrapper {
    padding: 0 18px
}

.food .rating .rating-wrapper .rating-item {
    padding: 16px 0;
    position: relative
}

.food .rating .rating-wrapper .rating-item:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(7, 17, 27, .1);
    content: " "
}

.food .rating .rating-wrapper .rating-item .user {
    position: absolute;
    right: 0;
    top: 16px;
    line-height: 12px;
    font-size: 0
}

.food .rating .rating-wrapper .rating-item .user .name {
    display: inline-block;
    margin-right: 6px;
    vertical-align: top;
    font-size: 10px;
    color: #93999f
}

.food .rating .rating-wrapper .rating-item .user .avatar {
    border-radius: 50%
}

.food .rating .rating-wrapper .rating-item .time {
    margin-bottom: 6px;
    line-height: 12px;
    font-size: 10px;
    color: #93999f
}

.food .rating .rating-wrapper .rating-item .text {
    line-height: 16px;
    font-size: 12px;
    color: #07111b
}

.food .rating .rating-wrapper .rating-item .text .icon-thumb_down, .food .rating .rating-wrapper .rating-item .text .icon-thumb_up {
    margin-right: 4px;
    line-height: 16px;
    font-size: 12px
}

.food .rating .rating-wrapper .rating-item .text .icon-thumb_up {
    color: #00a0dc
}

.food .rating .rating-wrapper .rating-item .text .icon-thumb_down {
    color: #93999f
}

.food .rating .rating-wrapper .no-rating {
    padding: 16px 0;
    font-size: 12px;
    color: #93999f
}

.ratingselect .rating-type {
    padding: 18px 0;
    margin: 0 18px;
    position: relative;
    font-size: 0
}

.ratingselect .rating-type:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(7, 17, 27, .1);
    content: " "
}

.ratingselect .rating-type .block {
    display: inline-block;
    padding: 8px 12px;
    margin-right: 8px;
    line-height: 16px;
    border-radius: 1px;
    font-size: 12px;
    color: #4d555d
}

.ratingselect .rating-type .block.active {
    color: #fff
}

.ratingselect .rating-type .block .count {
    margin-left: 2px;
    font-size: 8px
}

.ratingselect .rating-type .block.positive {
    background: rgba(0, 160, 220, .2)
}

.ratingselect .rating-type .block.positive.active {
    background: #00a0dc
}

.ratingselect .rating-type .block.negative {
    background: rgba(77, 85, 93, .2)
}

.ratingselect .rating-type .block.negative.active {
    background: #4d555d
}

.ratingselect .switch {
    padding: 12px 18px;
    line-height: 24px;
    border-bottom: 1px solid rgba(7, 17, 27, .1);
    color: #93999f;
    font-size: 0
}

.ratingselect .switch.on .icon-check_circle {
    color: #00c850
}

.ratingselect .switch .icon-check_circle {
    display: inline-block;
    vertical-align: top;
    margin-right: 4px;
    font-size: 24px
}

.ratingselect .switch .text {
    display: inline-block;
    vertical-align: top;
    font-size: 12px
}

.split {
    width: 100%;
    height: 16px;
    border-top: 1px solid rgba(7, 17, 27, .1);
    border-bottom: 1px solid rgba(7, 17, 27, .1);
    background: #f3f5f7
}

.ratings {
    position: absolute;
    top: 174px;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden
}

.ratings .overview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 18px 0
}

.ratings .overview .overview-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 137px;
    flex: 0 0 137px;
    padding: 6px 0;
    width: 137px;
    border-right: 1px solid rgba(7, 17, 27, .1);
    text-align: center
}

@media only screen and (max-width: 320px) {
    .ratings .overview .overview-left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
        width: 120px
    }
}

.ratings .overview .overview-left .score {
    margin-bottom: 6px;
    line-height: 28px;
    font-size: 24px;
    color: #f90
}

.ratings .overview .overview-left .title {
    margin-bottom: 8px;
    line-height: 12px;
    font-size: 12px;
    color: #07111b
}

.ratings .overview .overview-left .rank {
    line-height: 10px;
    font-size: 10px;
    color: #93999f
}

.ratings .overview .overview-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 6px 0 6px 24px
}

@media only screen and (max-width: 320px) {
    .ratings .overview .overview-right {
        padding-left: 6px
    }
}

.ratings .overview .overview-right .score-wrapper {
    margin-bottom: 8px;
    font-size: 0
}

.ratings .overview .overview-right .score-wrapper .title {
    display: inline-block;
    line-height: 18px;
    vertical-align: top;
    font-size: 12px;
    color: #07111b
}

.ratings .overview .overview-right .score-wrapper .star {
    display: inline-block;
    margin: 0 12px;
    vertical-align: top
}

.ratings .overview .overview-right .score-wrapper .score {
    display: inline-block;
    line-height: 18px;
    vertical-align: top;
    font-size: 12px;
    color: #f90
}

.ratings .overview .overview-right .delivery-wrapper {
    font-size: 0
}

.ratings .overview .overview-right .delivery-wrapper .title {
    line-height: 18px;
    font-size: 12px;
    color: #07111b
}

.ratings .overview .overview-right .delivery-wrapper .delivery {
    margin-left: 12px;
    font-size: 12px;
    color: #93999f
}

.ratings .rating-wrapper {
    padding: 0 18px
}

.ratings .rating-wrapper .rating-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 18px 0;
    position: relative
}

.ratings .rating-wrapper .rating-item:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(7, 17, 27, .1);
    content: " "
}

.ratings .rating-wrapper .rating-item .avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 28px;
    flex: 0 0 28px;
    width: 28px;
    margin-right: 12px
}

.ratings .rating-wrapper .rating-item .avatar img {
    border-radius: 50%
}

.ratings .rating-wrapper .rating-item .content {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ratings .rating-wrapper .rating-item .content .name {
    margin-bottom: 4px;
    line-height: 12px;
    font-size: 10px;
    color: #07111b
}

.ratings .rating-wrapper .rating-item .content .star-wrapper {
    margin-bottom: 6px;
    font-size: 0
}

.ratings .rating-wrapper .rating-item .content .star-wrapper .star {
    display: inline-block;
    margin-right: 6px;
    vertical-align: top
}

.ratings .rating-wrapper .rating-item .content .star-wrapper .delivery {
    display: inline-block;
    vertical-align: top;
    line-height: 12px;
    font-size: 10px;
    color: #93999f
}

.ratings .rating-wrapper .rating-item .content .text {
    margin-bottom: 8px;
    line-height: 18px;
    color: #07111b;
    font-size: 12px
}

.ratings .rating-wrapper .rating-item .content .recommend {
    line-height: 16px;
    font-size: 0
}

.ratings .rating-wrapper .rating-item .content .recommend .icon-thumb_up, .ratings .rating-wrapper .rating-item .content .recommend .item {
    display: inline-block;
    margin: 0 8px 4px 0;
    font-size: 9px
}

.ratings .rating-wrapper .rating-item .content .recommend .icon-thumb_up {
    color: #00a0dc
}

.ratings .rating-wrapper .rating-item .content .recommend .item {
    padding: 0 6px;
    border: 1px solid rgba(7, 17, 27, .1);
    border-radius: 1px;
    color: #93999f;
    background: #fff
}

.ratings .rating-wrapper .rating-item .content .time {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 12px;
    font-size: 10px;
    color: #93999f
}

.seller {
    position: absolute;
    top: 174px;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden
}

.seller .overview {
    position: relative;
    padding: 18px
}

.seller .overview .title {
    margin-bottom: 8px;
    line-height: 14px;
    color: #07111b;
    font-size: 14px
}

.seller .overview .desc {
    padding-bottom: 18px;
    position: relative;
    font-size: 0
}

.seller .overview .desc:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(7, 17, 27, .1);
    content: " "
}

.seller .overview .desc .star {
    display: inline-block;
    margin-right: 8px;
    vertical-align: top
}

.seller .overview .desc .text {
    display: inline-block;
    margin-right: 12px;
    line-height: 18px;
    vertical-align: top;
    font-size: 10px;
    color: #4d555d
}

.seller .overview .remark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 18px
}

.seller .overview .remark .block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-right: 1px solid rgba(7, 17, 27, .1)
}

.seller .overview .remark .block:last-child {
    border: none
}

.seller .overview .remark .block h2 {
    margin-bottom: 4px;
    line-height: 10px;
    font-size: 10px;
    color: #93999f
}

.seller .overview .remark .block .content {
    line-height: 24px;
    font-size: 10px;
    color: #07111b
}

.seller .overview .remark .block .content .stress {
    font-size: 24px
}

.seller .overview .favorite {
    position: absolute;
    width: 50px;
    right: 11px;
    top: 18px;
    text-align: center
}

.seller .overview .favorite .icon-favorite {
    display: block;
    margin-bottom: 4px;
    line-height: 24px;
    font-size: 24px;
    color: #d4d6d9
}

.seller .overview .favorite .icon-favorite.active {
    color: #f01414
}

.seller .overview .favorite .text {
    line-height: 10px;
    font-size: 10px;
    color: #4d555d
}

.seller .bulletin {
    padding: 18px 18px 0
}

.seller .bulletin .title {
    margin-bottom: 8px;
    line-height: 14px;
    color: #07111b;
    font-size: 14px
}

.seller .bulletin .content-wrapper {
    padding: 0 12px 16px;
    position: relative
}

.seller .bulletin .content-wrapper:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(7, 17, 27, .1);
    content: " "
}

.seller .bulletin .content-wrapper .content {
    line-height: 24px;
    font-size: 12px;
    color: #f01414
}

.seller .bulletin .supports .support-item {
    padding: 16px 12px;
    position: relative;
    font-size: 0
}

.seller .bulletin .supports .support-item:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(7, 17, 27, .1);
    content: " "
}

.seller .bulletin .supports .support-item:last-child:after {
    display: none
}

.seller .bulletin .supports .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin-right: 6px;
    background-size: 16px 16px;
    background-repeat: no-repeat
}

.seller .bulletin .supports .icon.decrease {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .seller .bulletin .supports .icon.decrease {
        background-image: url()
    }
}

.seller .bulletin .supports .icon.discount {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .seller .bulletin .supports .icon.discount {
        background-image: url()
    }
}

.seller .bulletin .supports .icon.guarantee {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .seller .bulletin .supports .icon.guarantee {
        background-image: url()
    }
}

.seller .bulletin .supports .icon.invoice {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .seller .bulletin .supports .icon.invoice {
        background-image: url()
    }
}

.seller .bulletin .supports .icon.special {
    background-image: url()
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .seller .bulletin .supports .icon.special {
        background-image: url()
    }
}

.seller .bulletin .supports .text {
    line-height: 16px;
    font-size: 12px;
    color: #07111b
}

.seller .pics {
    padding: 18px
}

.seller .pics .title {
    margin-bottom: 12px;
    line-height: 14px;
    color: #07111b;
    font-size: 14px
}

.seller .pics .pic-wrapper {
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.seller .pics .pic-wrapper .pic-list {
    font-size: 0
}

.seller .pics .pic-wrapper .pic-list .pic-item {
    display: inline-block;
    margin-right: 6px;
    width: 120px;
    height: 90px
}

.seller .pics .pic-wrapper .pic-list .pic-item:last-child {
    margin: 0
}

.seller .info {
    padding: 18px 18px 0;
    color: #07111b
}

.seller .info .title {
    padding-bottom: 12px;
    line-height: 14px;
    position: relative;
    font-size: 14px
}

.seller .info .title:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(7, 17, 27, .1);
    content: " "
}

.seller .info .info-item {
    padding: 16px 12px;
    line-height: 16px;
    position: relative;
    font-size: 12px
}

.seller .info .info-item:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(7, 17, 27, .1);
    content: " "
}

.seller .info .info-item:last-child:after {
    display: none
}

.payment {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5
}

.payment .user-info {
    margin-top: 10px;
    background-color: #fff;
    margin-bottom: 20px
}

.payment .user-info .item {
    padding: 0 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eee
}

.payment .user-info .item label {
    padding: 14px 0;
    display: inline-block;
    -ms-flex-preferred-size: 93px;
    flex-basis: 93px;
    color: #333
}

.payment .user-info .item input {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    outline: 0;
    color: #333
}

.payment .food-info {
    background-color: #fff
}

.payment .food-info .avator {
    width: 19px;
    height: 19px;
    margin-right: 10px
}

.payment .food-info .card-hd {
    padding: 14px
}

.payment .food-info .card-hd, .payment .food-info .food-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eee
}

.payment .food-info .food-item {
    padding: 0 14px
}

.payment .food-info .food-item label {
    display: inline-block;
    padding: 14px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #666
}

.payment .food-info .food-item .mount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.payment .food-info .food-item .mount .number {
    padding-right: 20px
}

.payment .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #3c3c3c;
    color: #fff
}

.payment .footer .money {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px;
    line-height: 44px
}

.payment .footer .btn-pay {
    -ms-flex-preferred-size: 110px;
    flex-basis: 110px;
    line-height: 44px;
    text-align: center;
    background-color: #56d176
}

.orderbody, body, html {
    height: 100%
}

.orderbody {
    position: absolute;
    width: 100%;
    background-color: #f5f5f5;
    margin-bottom: 10px
}

.orderbody .ordercard {
    display: block;
    padding-top: 10px;
    padding-left: 10px;
    margin-top: 10px;
    background-color: #fff
}

.orderbody .ordercard-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.orderbody .ordercard-avatar {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-right: 10px
}

.orderbody .ordercard-avatar img {
    width: 32px;
    height: 32px
}

.orderbody .ordercard-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.orderbody .ordercard-content svg {
    width: 4px;
    height: 4px
}

.orderbody .ordercard-content .ordercard-head {
    padding-right: 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee
}

.orderbody .ordercard-content .ordercard-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px
}

.orderbody .ordercard-content .ordercard-detail .price {
    color: #333;
    font-weight: 700
}

.orderbody .ordercard-content .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#detail, body, html {
    height: 100%
}

#detail {
    position: absolute;
    width: 100%;
    background-color: #f5f5f5
}

#detail .statuscircle {
    margin-bottom: 10px;
    text-align: center
}

#detail .statuscircle img {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

#detail .statushead {
    position: relative;
    padding-top: 20px;
    text-align: center;
    background-color: #fff;
    padding-bottom: 30px;
    margin-bottom: 10px
}

#detail .statushead .statustext img {
    width: 8px
}

#detail .statushead .buttons button {
    height: 1.853333rem;
    width: 4.8rem;
    white-space: nowrap;
    border-radius: .08rem;
    font-size: .8rem;
    color: #666;
    margin: .4rem .133333rem 0;
    border: 1px solid #ccc;
    background-color: transparent
}

#detail .restaurant-card {
    margin-bottom: 10px;
    background-color: #fff
}

#detail .restaurant-card img {
    width: 7px
}

#detail .restaurant-card .name-wrap img {
    width: 20px;
    height: 20px
}

#detail .detailcard .title {
    color: #333;
    font-weight: 700
}

#detail .detailcard-delivery {
    margin-bottom: 10px
}

#detail .listitem {
    padding: 15px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(7, 17, 27, .1);
    background-color: #fff
}

@font-face {
    font-family: sell-icon;
    src: url(data:application/vnd.ms-fontobject;base64,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);
    src: url(data:application/vnd.ms-fontobject;base64,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#iefix) format("embedded-opentype"), url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SBgQAAAC8AAAAYGNtYXAXVtKQAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZpPduoUAAAF4AAAD8GhlYWQK5A0+AAAFaAAAADZoaGVhB5gDzwAABaAAAAAkaG10eC4ABREAAAXEAAAAOGxvY2EGxgWmAAAF/AAAAB5tYXhwABIAQAAABhwAAAAgbmFtZZPTWoMAAAY8AAABnnBvc3QAAwAAAAAH3AAAACAAAwPRAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpCQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qn//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAPf/2QMJA6YAEwAAEwE2MhcWFAcJARYUBwYiJwEmNDf3AbsTMhITE/5xAY8TExIyE/5FExMB7AG6ExMSMhP+cf5wEjITExMBuxMyEwAAAAIAKgBAA9YDlgAaAB4AAAEHMxUUBwMGIyEiJyY1ETQ3ARcWHQEHITIXFgERMxED1gICBoIUOv6AIhoaGgEYLhIqAQ4iGhr8VKwCFgRSEBD+1DQaGiIBqiIaARouEhoOxBkZ/ggCAP4AAAAAAAIAKv/qA9YDQAADAB4AAAEzESMDMhcWFREUBwEnJj0BNyEiJyY1NyM1NDcTNjMDKqysqiIaGhr+6C4SKv7yIhoaAgIGghQ6A0D+AAIAGhoi/lYiGv7mLhIaDsQZGSIEUhAQASw0AAAAAwAqABYDgANqAA8ALQA9AAAlMhcWFRQHBiMiJyY1NDc2ATMXITIXFhUUBwMGIyEPARQzIRUhIicmNTQ/AQMjATIXFhUUBwYjIicmNTQ3NgLWIhkZGRkiIhoaGhr9dowoAngSDAwGmBgy/sImAgoB7v4AIhkZCjqaVgEAIhoaGhoiIhkZGRnAGhoiIhkZGRkiIhoaAqpUDQ0SCgr+7CxGBgpWGhoiFBRqAUT9qhoaIiIZGRkZIiIaGgAAAAABAFYAMgOqA0AAGwAAJScuAzU0PgIzMhYXPgEzMh4CFRQOAgcCAD5Sh180JD9VMjdmIyJmODFWPyQ0X4ZTMjhLf3VwPTFWPyQxKSgyJD9VMj1xdYBLAAAAAgBWABYDqgNqAAUAFQAAJQEnAScHATIXFhUUBwYjIicmNTQ3NgGqAYA8/ryYPAEqsH19fX2wsH19fX3qAYA+/ryYPAGqfX2wsH19fX2wsH19AAAAAQDWAJYDKgLqAAsAAAEHFwcnByc3JzcXNwMq7u487u487u487u4Cru7uPO7uPO7uPO7uAAMAVgAWA6oDagAPAB8AIwAAJTI3NjU0JyYjIgcGFRQXFhMyFxYVFAcGIyInJjU0NzYDIRUhAgCMZWVlZYyMZWVlZYywfX19fbCwfX19fSYBrP5UamVljIxlZWVljIxlZQMAfX2wsH19fX2wsH19/oBUAAAAAgBWABYDqgNqAAsAGwAAATUjNSMVIxUzFTM1AzIXFhUUBwYjIicmNTQ3NgLWrFSsrFQqsH19fX2wsH19fX0BllSsrFSsrAHUfX2wsH19fX2wsH19AAAAAAEBbgDKAqoCygAFAAABNyc3CQEBbsTEPAEA/wABBsTEPP8A/wAAAAABAAAAAQAAE1PvVV8PPPUACwQAAAAAANP3ZGEAAAAA0/dkYQAA/9kD1gOmAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAPWAAEAAAAAAAAAAAAAAAAAAAAOBAAAAAAAAAAAAAAAAgAAAAQAAPcEAAAqBAAAKgQAACoEAABWBAAAVgQAANYEAABWBAAAVgQAAW4AAAAAAAoAFAAeAEYAfACwAQ4BOgFkAX4BuAHkAfgAAAABAAAADgA+AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACQAAAAEAAAAAAAIABwByAAEAAAAAAAMACQA8AAEAAAAAAAQACQCHAAEAAAAAAAUACwAbAAEAAAAAAAYACQBXAAEAAAAAAAoAGgCiAAMAAQQJAAEAEgAJAAMAAQQJAAIADgB5AAMAAQQJAAMAEgBFAAMAAQQJAAQAEgCQAAMAAQQJAAUAFgAmAAMAAQQJAAYAEgBgAAMAAQQJAAoANAC8c2VsbC1pY29uAHMAZQBsAGwALQBpAGMAbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwc2VsbC1pY29uAHMAZQBsAGwALQBpAGMAbwBuc2VsbC1pY29uAHMAZQBsAGwALQBpAGMAbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByc2VsbC1pY29uAHMAZQBsAGwALQBpAGMAbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"), url(data:application/font-woff;base64,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) format("woff"), url(#sell-icon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"], [class^=icon-] {
    font-family: sell-icon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow_lift:before {
    content: "\E900"
}

.icon-thumb_up:before {
    content: "\E901"
}

.icon-thumb_down:before {
    content: "\E902"
}

.icon-shopping_cart:before {
    content: "\E903"
}

.icon-favorite:before {
    content: "\E904"
}

.icon-check_circle:before {
    content: "\E905"
}

.icon-close:before {
    content: "\E906"
}

.icon-remove_circle_outline:before {
    content: "\E907"
}

.icon-add_circle:before {
    content: "\E908"
}

.icon-keyboard_arrow_right:before {
    content: "\E909"
}

body, html {
    line-height: 1;
    font-weight: 200;
    font-family: PingFang SC, STHeitiSC-Light, Helvetica-Light, arial, sans-serif
}

.clearfix {
    display: inline-block
}

.clearfix:after {
    display: block;
    content: ".";
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5) {
    .border-1px:after {
        -webkit-transform: scaleY(.7);
        transform: scaleY(.7)
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2) {
    .border-1px:after {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}